<!DOCTYPE html>
<html lang="zh-CN">
  <head hexo-theme='https://github.com/volantis-x/hexo-theme-volantis/tree/4.3.1'>
  <meta charset="utf-8">
  <!-- SEO相关 -->
  
    
  
  <!-- 渲染优化 -->
  <meta http-equiv='x-dns-prefetch-control' content='on' />
  <link rel='dns-prefetch' href='https://cdn.jsdelivr.net'>
  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="HandheldFriendly" content="True" >
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
  <link rel="preload" href="/blog/css/first.css" as="style">
  

  <!-- 页面元数据 -->
  
  <title>JEECGBOOT项目需求分析 - song的个人博客</title>
  

  
    <meta name="description" content="旧项目">
  

  <!-- feed -->
  

  <!-- import meta -->
  
    
      <meta name="msapplication-TileColor" content="#ffffff">
    
      <meta name="msapplication-config" content="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/browserconfig.xml">
    
      <meta name="theme-color" content="#ffffff">
    
  

  <!-- link -->
  
    <link rel="shortcut icon" type='image/x-icon' href="https://cdn.jsdelivr.net/gh/xaoxuu/assets@master/favicon/favicon.ico">
  

  <!-- import link -->
  
  
  <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/favicon-16x16.png">
  <link rel="manifest" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/site.webmanifest">
  <link rel="mask-icon" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/safari-pinned-tab.svg" color="#5bbad5">
  <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/favicon/favicon.ico">
  

  
    
<link rel="stylesheet" href="/blog/css/first.css">

  

  
  <link rel="stylesheet" href="/blog/css/style.css" media="print" onload="this.media='all';this.onload=null">
  <noscript><link rel="stylesheet" href="/blog/css/style.css"></noscript>
  

  <script id="loadcss"></script>

  
<script>
if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode))
    document.write(
	'<style>'+
		'html{'+
			'overflow-x: hidden !important;'+
			'overflow-y: hidden !important;'+
		'}'+
		'.kill-ie{'+
			'text-align:center;'+
			'height: 100%;'+
			'margin-top: 15%;'+
			'margin-bottom: 5500%;'+
		'}'+
	'</style>'+
    '<div class="kill-ie">'+
        '<h1><b>抱歉，您的浏览器无法访问本站</b></h1>'+
        '<h3>微软已经于2016年终止了对 Internet Explorer (IE) 10 及更早版本的支持，<br/>'+
        '继续使用存在极大的安全隐患，请使用当代主流的浏览器进行访问。</h3><br/>'+
        '<a target="_blank" rel="noopener" href="https://www.microsoft.com/zh-cn/WindowsForBusiness/End-of-IE-support"><strong>了解详情 ></strong></a>'+
    '</div>');
</script>


<noscript>
	<style>
		html{
			overflow-x: hidden !important;
			overflow-y: hidden !important;
		}
		.kill-noscript{
			text-align:center;
			height: 100%;
			margin-top: 15%;
			margin-bottom: 5500%;
		}
	</style>
    <div class="kill-noscript">
        <h1><b>抱歉，您的浏览器无法访问本站</b></h1>
        <h3>本页面需要浏览器支持（启用）JavaScript</h3><br/>
        <a target="_blank" rel="noopener" href="https://www.baidu.com/s?wd=启用JavaScript"><strong>了解详情 ></strong></a>
    </div>
</noscript>

</head>

  <body>
    

<header id="l_header" class="l_header auto shadow blur " style='opacity: 0' >
  <div class='container'>
  <div id='wrapper'>
    <div class='nav-sub'>
      <p class="title"></p>
      <ul class='switcher nav-list-h m-phone' id="pjax-header-nav-list">
        <li><a id="s-comment" class="fas fa-comments fa-fw" target="_self" href='javascript:void(0)'></a></li>
        
          <li><a id="s-toc" class="s-toc fas fa-list fa-fw" target="_self" href='javascript:void(0)'></a></li>
        
      </ul>
    </div>
		<div class="nav-main">
      
        
        <a class="title flat-box" target="_self" href='/blog/'>
          
            <img no-lazy class='logo' src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-org/blog/Logo-NavBar@3x.png'/>
          
          
          
        </a>
      

			<div class='menu navigation'>
				<ul class='nav-list-h m-pc'>
          
          
          
            
            
              <li>
                <a class="menuitem flat-box faa-parent animated-hover" href=/blog/
                  
                  
                  
                    id="blog"
                  >
                  <i class='fas fa-rss fa-fw'></i>博客
                </a>
                
              </li>
            
          
          
				</ul>
			</div>

      <div class="m_search">
        <form name="searchform" class="form u-search-form">
          <i class="icon fas fa-search fa-fw"></i>
          <input type="text" class="input u-search-input" placeholder="Search..." />
        </form>
      </div>

			<ul class='switcher nav-list-h m-phone'>
				
					<li><a class="s-search fas fa-search fa-fw" target="_self" href='javascript:void(0)'></a></li>
				
				<li>
          <a class="s-menu fas fa-bars fa-fw" target="_self" href='javascript:void(0)'></a>
          <ul class="menu-phone list-v navigation white-box">
            
              
            
              <li>
                <a class="menuitem flat-box faa-parent animated-hover" href=/blog/
                  
                  
                  
                    id="blog"
                  >
                  <i class='fas fa-rss fa-fw'></i>博客
                </a>
                
              </li>
            
          
            
          </ul>
        </li>
			</ul>
		</div>
	</div>
  </div>
</header>

    <div id="l_body">
      <div id="l_cover">
  
    
        <div id="half" class='cover-wrapper py dock' style="display: ;">
          
            <div class='cover-bg lazyload placeholder' data-bg="https://bing.ioliu.cn/v1/rand?w=1920&h=1200"></div>
          
          <div class='cover-body'>
  <div class='top'>
    
    
      <p class="title">song的个人博客</p>
    
    
  </div>
  <div class='bottom'>
    <div class='menu navigation'>
      <div class='list-h'>
        
          
            <a href="/blog/v4/getting-started/"
              
              
              id="blogv4getting-started">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f5c3.svg'><p>文档</p>
            </a>
          
            <a href="/blog/faqs/"
              
              
              id="blogfaqs">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f516.svg'><p>帮助</p>
            </a>
          
            <a href="/blog/examples/"
              
              
              id="blogexamples">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f396.svg'><p>示例</p>
            </a>
          
            <a href="/blog/contributors/"
              
              
              id="blogcontributors">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f389.svg'><p>社区</p>
            </a>
          
            <a href="/blog/archives/"
              
              
              id="blogarchives">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f4f0.svg'><p>博客</p>
            </a>
          
            <a target="_blank" rel="noopener" href="https://github.com/volantis-x/hexo-theme-volantis/"
              
              
              id="https:githubcomvolantis-xhexo-theme-volantis">
              <img src='https://cdn.jsdelivr.net/gh/twitter/twemoji@13.0/assets/svg/1f9ec.svg'><p>源码</p>
            </a>
          
        
      </div>
    </div>
  </div>
</div>

          <div id="scroll-down" style="display: none;"><i class="fa fa-chevron-down scroll-down-effects"></i></div>
        </div>
    
  
  </div>

      <div id="safearea">
        <div class="body-wrapper" id="pjax-container">
          

<div class='l_main'>
  <article class="article post white-box reveal md shadow article-type-py" id="py" itemscope itemprop="blogPost">
  


  
  <div class="article-meta" id="top">
    
    
    
      <h1 class="title">
        JEECGBOOT项目需求分析
      </h1>
      <div class='new-meta-box'>
        
          
            
<div class='new-meta-item author'>
  <a class='author' href="/" rel="nofollow">
    <img no-lazy src="">
    <p>请设置文章作者</p>
  </a>
</div>

          
        
          
            

          
        
          
            <div class="new-meta-item date">
  <a class='notlink'>
    <i class="fas fa-calendar-alt fa-fw" aria-hidden="true"></i>
    <p>发布于：2020年2月14日</p>
  </a>
</div>

          
        
          
            
  <div class="new-meta-item browse leancloud">
    <a class='notlink'>
      
      <div id="lc-pv" data-title="JEECGBOOT项目需求分析" data-path="/blog/jeecg.html">
        <i class="fas fa-eye fa-fw" aria-hidden="true"></i>
        <span id='number'><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span>
        次浏览
      </div>
    </a>
  </div>


          
        
      </div>
    
  </div>


  
  
  <p>旧项目</p>
<span id="more"></span>

<p>项目档案：刘俊显</p>
<p>项目团队：曾奕辉</p>
<p>项目任务：宋皓楠，梁达俊</p>
<p>任务汇报：肖健鑫</p>
<p>没搞定：执行人控件</p>
<h3 id="项目档案模块"><a href="#项目档案模块" class="headerlink" title="项目档案模块"></a>项目档案模块</h3><h4 id="未完成"><a href="#未完成" class="headerlink" title="未完成"></a>未完成</h4><p>创建人只能看到自己创建的合同、管理人可用看到全部的合同；</p>
<h4 id="字段说明"><a href="#字段说明" class="headerlink" title="字段说明"></a>字段说明</h4><table>
<thead>
<tr>
<th><em><strong>*字段名*</strong></em></th>
<th><em><strong>*字段类型*</strong></em></th>
<th><em><strong>*控制说明*</strong></em></th>
<th><em><strong>*默认值*</strong></em></th>
<th><em><strong>*序时簿显示*</strong></em></th>
<th><em><strong>*是否修改*</strong></em></th>
<th><em><strong>*是否必录*</strong></em></th>
</tr>
</thead>
<tbody><tr>
<td>项目编号</td>
<td>文本</td>
<td>自动生成</td>
<td>空</td>
<td>Y</td>
<td>N</td>
<td>Y</td>
</tr>
<tr>
<td>项目名称</td>
<td>文本</td>
<td>手工录入</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
</tr>
<tr>
<td>所属合同</td>
<td>F7，选择合同</td>
<td>手工录入，选择合同档案</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>N</td>
</tr>
<tr>
<td>项目经理</td>
<td>F7，选择用户号</td>
<td>由所属合同带出合同上的项目经理，可修改</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
</tr>
<tr>
<td>商品</td>
<td>F7，选择商品</td>
<td>由所属合同带出合同上的商品</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
</tr>
<tr>
<td>项目总人天</td>
<td>数值，2位小数精度</td>
<td>由合同携带合同的服务人天，可修改</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
</tr>
<tr>
<td>已下达任务人天</td>
<td>数值，2位小数精度</td>
<td>由项目下达的任务人天汇总</td>
<td>空</td>
<td>Y</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>已汇报人天</td>
<td>文本</td>
<td>由商机选择后携带该商机最后一次报价的费用收款人，可修改</td>
<td>空</td>
<td>Y</td>
<td>Y</td>
<td>N</td>
</tr>
</tbody></table>
<h4 id="新增-（完成）"><a href="#新增-（完成）" class="headerlink" title="新增 （完成）"></a>新增 （完成）</h4><p>用户点击新增按钮时首先判断用户是否有新增权限，无新增权限则提示“您无新增权限，请联系管理员分配权限！”；</p>
<p>用户有新增权限时则弹出新增界面，用户按字段说明录入相关信息后保存；</p>
<h4 id="保存-（完成）"><a href="#保存-（完成）" class="headerlink" title="保存   （完成）"></a>保存   （完成）</h4><p>点击保存时，校验必录项有录入，若无，弹出提示“数据录入不全，请重新输入！”并将光标移动至未填区域，校验逻辑判断是否符合要求；</p>
<p>再判断合同关联的商机的合同编号是否与当前合同编号一致，不一致则不能保存并提示“该商机已签到其他合同，不能重复签订！”；</p>
<p>通过上述判断后，则保存成功，保存成功后将合同编号反写回商机的合同编号中，并将商机状态写为已签合同；</p>
<h4 id="修改-（完成）"><a href="#修改-（完成）" class="headerlink" title="修改  （完成）"></a>修改  （完成）</h4><p>点击修改时，判断用户是否有修改权限，无权限提示“您无修改权限，请联系管理员分配权限！”</p>
<p>通过上述校验后则可修改，弹出修改界面供用户进行修改，修改后保存时字段校验同保存一致；</p>
<h4 id="删除-（完成）"><a href="#删除-（完成）" class="headerlink" title="删除   （完成）"></a>删除   （完成）</h4><p>点击删除，判断用户是否有删除权限，无权限提示“您无删除权限，请联系管理员分配权限！”；</p>
<p>用户有删除权限时，再判断合同是否存在收款计划和付款计划，如果存在收款计划和付款计划则不能删除并提示“合同已关联收付款计划，不能删除！”；</p>
<p>满足以上删除条件后，则可删除成功；</p>
<p>删除后将关联商机的合同编号清空，并将商机状态变为已成交状态；</p>
<h4 id="查看-（除合同外，完成）"><a href="#查看-（除合同外，完成）" class="headerlink" title="查看   （除合同外，完成）"></a>查看   （除合同外，完成）</h4><p>用户点击查看菜单时，判断用户是否有查看权限，无权限提示“您无查看权限，请联系管理员分配权限！”；</p>
<p>用户有权限时，点击查看按钮或者双击数据行时，打开查看界面；</p>
<p>创建人只能看到自己创建的合同、管理人可用看到全部的合同；</p>
<h4 id="查询-（完成）"><a href="#查询-（完成）" class="headerlink" title="查询    （完成）"></a>查询    （完成）</h4><p>提供上述字段作为筛选条件，按录入的条件类似的过滤出数据；（仅序时薄界面）</p>
<h4 id="退出-（完成）"><a href="#退出-（完成）" class="headerlink" title="退出    （完成）"></a>退出    （完成）</h4><p>点击退出关闭当前界面，若编辑界面已经有填入数据了或者更改数据，提示“数据已经修改，是否需要保存？”，若点击确定保存当前单据，若取消，直接退出不保存。</p>
<h3 id="项目团队模块"><a href="#项目团队模块" class="headerlink" title="项目团队模块"></a>项目团队模块</h3><p><strong>提供新增、修改、删除等功能和权限控制；</strong></p>
<p><strong>项目团队由项目经理创建；</strong></p>
<p><strong>项目团队可以做为项目档案的一个分录</strong></p>
<h4 id="字段说明-1"><a href="#字段说明-1" class="headerlink" title="字段说明"></a>字段说明</h4><table>
<thead>
<tr>
<th>字段名</th>
<th>字段类型</th>
<th>控制说明</th>
<th>序时簿显示</th>
<th>是否修改</th>
<th>是否必录</th>
</tr>
</thead>
<tbody><tr>
<td>项目编号</td>
<td>F7，选择项目档案</td>
<td>手动选择</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>姓名</td>
<td>F7,   选择用户号</td>
<td>手动选择，全部用户</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>角色</td>
<td>枚举, 枚举类为项目经理/项目成员</td>
<td>手动选择</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
</tbody></table>
<h4 id="新增-（完成）-1"><a href="#新增-（完成）-1" class="headerlink" title="新增   （完成）"></a><strong>新增</strong>   （完成）</h4><p>用户点击新增按钮时首先判断用户是否有新增权限，无新增权限则提示“您无新增权限，请联系管理员分配权限！”；</p>
<p>用户有新增权限时则弹出新增界面，用户按字段说明录入相关信息后保存；</p>
<h4 id="保存-（完成）-1"><a href="#保存-（完成）-1" class="headerlink" title="保存  （完成）"></a><strong>保存</strong>  （完成）</h4><p>点击保存时，校验必录项有录入，若无，弹出提示“数据录入不全，请重新输入！”并将光标移动至未填区域，校验逻辑判断是否符合要求；</p>
<h4 id="修改-（完成）-1"><a href="#修改-（完成）-1" class="headerlink" title="**修改 **（完成）"></a>**修改 **（完成）</h4><p>点击修改时，判断用户是否有修改权限，无权限提示“您无修改权限，请联系管理员分配权限！”</p>
<p>通过上述校验后则可修改，弹出修改界面供用户进行修改，修改后保存时字段校验同保存一致；</p>
<h4 id="删除-（完成）-1"><a href="#删除-（完成）-1" class="headerlink" title="删除  （完成）"></a><strong>删除</strong>  （完成）</h4><p>点击删除，判断用户是否有删除权限，无权限提示“您无删除权限，请联系管理员分配权限！”；</p>
<p><strong>用户有删除权限时，再判断删除的项目成员时候存在未完成的项目任务，存在时则提示“项目任务未完成，不能删除！”；</strong></p>
<p>满足以上删除条件后，则可删除成功；</p>
<h4 id="查看-（完成）"><a href="#查看-（完成）" class="headerlink" title="查看  （完成）"></a><strong>查看</strong>  （完成）</h4><p>用户点击查看菜单时，判断用户是否有查看权限，无权限提示“您无查看权限，请联系管理员分配权限！”；</p>
<p>用户有权限时，点击查看按钮或者双击数据行时，打开查看界面；</p>
<h4 id="查询-（完成）-1"><a href="#查询-（完成）-1" class="headerlink" title="**查询 ** （完成）"></a>**查询 ** （完成）</h4><p>提供上述字段作为筛选条件，按录入的条件类似的过滤出数据；（仅序时薄界面）</p>
<h4 id="退出-（完成）-1"><a href="#退出-（完成）-1" class="headerlink" title="**退出 ** （完成）"></a>**退出 ** （完成）</h4><p>点击退出关闭当前界面，若编辑界面已经有填入数据了或者更改数据，提示“数据已经修改，是否需要保存？”，若点击确定保存当前单据，若取消，直接退出不保存。</p>
<h3 id="项目任务模块"><a href="#项目任务模块" class="headerlink" title="项目任务模块"></a>项目任务模块</h3><p><strong>需求简述</strong></p>
<p>使用一对多模板</p>
<p><strong>用于项目经理根据项目下达项目任务；</strong></p>
<p>提供新增、修改、删除等功能和权限控制；</p>
<p><strong>提供数据权限，任务接收人只能看到自己的任务、项目经理可以看到自己项目的全部任务，管理者可用看到全部项目的任务；</strong></p>
<p>点：</p>
<p><strong>执行人字段，手工录入，只能选择本项目的用户</strong></p>
<p><strong>提供数据权限，任务接收人只能看到自己的任务、项目经理可以看到自己项目的全部任务，管理者可用看到全部项目的任务；</strong></p>
<p><strong>项目经理可以看到自己项目的所有任务，</strong></p>
<p><strong>项目成员可以看到执行人为自己的和执行人为空的项目任务；</strong></p>
<table>
<thead>
<tr>
<th>字段名</th>
<th align="center">字段类型</th>
<th align="center">控制说明</th>
<th align="center">默认值</th>
<th align="center">序时簿显示</th>
<th align="center">是否修改</th>
<th align="center">是否必录</th>
</tr>
</thead>
<tbody><tr>
<td>所属项目</td>
<td align="center">F7,选择项目档案</td>
<td align="center">手工录入</td>
<td align="center">空</td>
<td align="center">是</td>
<td align="center">是</td>
<td align="center">是</td>
</tr>
<tr>
<td>任务编号</td>
<td align="center">文本</td>
<td align="center">手工录入或者根据编码规则生成不能重复</td>
<td align="center">空</td>
<td align="center">是</td>
<td align="center">是</td>
<td align="center">是</td>
</tr>
<tr>
<td>任务名称</td>
<td align="center">文本</td>
<td align="center">手工录入</td>
<td align="center">空</td>
<td align="center">是</td>
<td align="center">是</td>
<td align="center">是</td>
</tr>
<tr>
<td>任务人天</td>
<td align="center">数值，两位精度小数</td>
<td align="center">手工录入</td>
<td align="center">空</td>
<td align="center">是</td>
<td align="center">是</td>
<td align="center">是</td>
</tr>
<tr>
<td>已消耗人天</td>
<td align="center">数值，两位精度小数</td>
<td align="center">不可录入，汇报审核后反写</td>
<td align="center">空</td>
<td align="center">是</td>
<td align="center">否</td>
<td align="center">是</td>
</tr>
<tr>
<td>任务状态</td>
<td align="center">未开始/进行中/已完成</td>
<td align="center">新增时，默认为未开始，汇报后反写为进行中</td>
<td align="center">未开始</td>
<td align="center">是</td>
<td align="center">否</td>
<td align="center">是</td>
</tr>
</tbody></table>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">select框属性 </span><br><span class="line">v-decorator=&quot;[&#x27;taskStatus&#x27;]&quot;  //绑定属性</span><br><span class="line">dictCode=&quot;tasks_status&quot;       //字典code</span><br></pre></td></tr></table></figure>

<p>分录字段</p>
<table>
<thead>
<tr>
<th align="center">字段名</th>
<th align="center">字段类型</th>
<th align="center">控制说明</th>
<th align="center">默认值</th>
<th align="center">序时簿显示</th>
<th align="center">是否修改</th>
<th align="center">是否必录</th>
</tr>
</thead>
<tbody><tr>
<td align="center">执行人</td>
<td align="center">F7，选择用户</td>
<td align="center">手工录入，只能选择本项目的用户</td>
<td align="center"></td>
<td align="center">是</td>
<td align="center">是</td>
<td align="center">是</td>
</tr>
</tbody></table>
<h4 id="新增（完成）"><a href="#新增（完成）" class="headerlink" title="新增（完成）"></a>新增（完成）</h4><p>用户点击新增按钮时首先判断用户是否有新增权限，无新增权限则提示“您无新增权限，请联系管理员分配权限！”；</p>
<p>用户有新增权限时则弹出新增界面，用户按字段说明录入相关信息后保存；</p>
<h4 id="保存-（测试）"><a href="#保存-（测试）" class="headerlink" title="保存 （测试）"></a>保存 （测试）</h4><p>点击保存时，校验必录项有录入，若无，弹出提示“数据录入不全，请重新输入！”并将光标移动至未填区域；</p>
<p><strong>保存后将所属项目的所有任务下达人天        求和          反写回项目档案的下达人天中：</strong></p>
<h4 id="修改-（完成）-2"><a href="#修改-（完成）-2" class="headerlink" title="修改 （完成）"></a>修改 （完成）</h4><p>点击修改时，判断用户是否有修改权限，无权限提示“您无修改权限，请联系管理员分配权限！”</p>
<p>用户有修改权限时，则可修改，弹出修改界面供用户进行修改，修改后保存时字段校验同保存一致；</p>
<h4 id="删除（完成）"><a href="#删除（完成）" class="headerlink" title="删除（完成）"></a>删除（完成）</h4><p>点击删除，判断用户是否有删除权限，无权限提示“您无删除权限，请联系管理员分配权限！”</p>
<p>满足以上删除条件后，则可删除成功，<strong>删除成功后反写项目档案的下达人天       为所属项目的任务的下达人天之和</strong>？？？？？？？？？？？？？</p>
<h4 id="查看（完成）"><a href="#查看（完成）" class="headerlink" title="查看（完成）"></a>查看（完成）</h4><p>用户点击查看菜单时，判断用户是否有查看权限，无权限提示“您无查看权限，请联系管理员分配权限！”；</p>
<p>用户有权限时，点击查看按钮或者双击数据行时，打开查看界面；</p>
<p><strong>项目经理可以看到自己项目的所有任务，项目成员可以看到执行人为自己的和执行人为空的项目任务；</strong></p>
<h4 id="指派（？？？）"><a href="#指派（？？？）" class="headerlink" title="指派（？？？）"></a>指派（？？？）</h4><p>选择任务指派给项目成员；</p>
<p>1.modal内嵌table</p>
<p>2.点击弹出jpopup框</p>
<h4 id="查询（完成）"><a href="#查询（完成）" class="headerlink" title="查询（完成）"></a>查询（完成）</h4><p>提供上述字段作为查询条件，用户录入后条件点击查询按钮，按录入的条件类似的过滤出数据；（仅序时薄界面）</p>
<h4 id="退出（完成）"><a href="#退出（完成）" class="headerlink" title="退出（完成）"></a>退出（完成）</h4><p>点击退出关闭当前界面，若编辑界面已经有填入数据了或者更改数据，提示“数据已经修改，是否需要保存？”，若点击确定保存当前单据，若取消，直接退出不保存。</p>
<h3 id="任务汇报模块"><a href="#任务汇报模块" class="headerlink" title="任务汇报模块"></a>任务汇报模块</h3><p><strong>(单据)</strong></p>
<p>用于项目成员维护项目任务的汇报；</p>
<p>提供新增、修改、删除等功能和权限控制；</p>
<p><strong>提供数据权限，</strong></p>
<p><strong>创建人只能看到自己新增的汇报、</strong></p>
<p><strong>项目经理可以看到本项目任的汇报，</strong></p>
<p><strong>管理者可用看到全部的汇报</strong></p>
<p>F7过滤？？？</p>
<p>/ProjectTasks/tbProjectTasks/list</p>
<p>过滤自己未完成的</p>
<p>belongstask IN (     SELECT task_name FROM tb_project_tasks WHERE id IN(         SELECT main_id FROM tb_project_task_sub WHERE executor= ‘#{sys_user_name}’    ) AND task_status != ‘2’ )</p>
<table>
<thead>
<tr>
<th>字段名</th>
<th>字段类型</th>
<th>控制说明</th>
<th>默认值</th>
<th>序时簿显示</th>
<th>是否修改</th>
<th>是否必录</th>
</tr>
</thead>
<tbody><tr>
<td>汇报单号</td>
<td>文本</td>
<td>手工录入或根据编码规则生成，不能重复</td>
<td>空</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>所属任务</td>
<td>F7，选择任务</td>
<td>手工选择，<strong>过滤未完成的自己的任务</strong></td>
<td>空</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>汇报人天</td>
<td>数值，2位小数精度</td>
<td>手工录入</td>
<td>空</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>进度情况</td>
<td>进行中/已完成</td>
<td>手工选择</td>
<td>默认进行中</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>完成内容</td>
<td>文本</td>
<td>手工录入</td>
<td>空</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>有效人天</td>
<td>数值，2位小数精度</td>
<td>默认为汇报人天，项目经理审批可修改</td>
<td>空</td>
<td>是</td>
<td>是</td>
<td>是</td>
</tr>
<tr>
<td>汇报日期</td>
<td>日期类型</td>
<td>默认汇报当天不可修改</td>
<td>当前日期</td>
<td>是</td>
<td>否</td>
<td>是</td>
</tr>
</tbody></table>
<h4 id="新增"><a href="#新增" class="headerlink" title="新增"></a>新增</h4><p>用户点击新增按钮时首先判断用户是否有新增权限，无新增权限则提示“您无新增权限，请联系管理员分配权限！”；</p>
<p>用户有新增权限时则弹出新增界面，用户按字段说明录入相关信息后保存；</p>
<p><strong>用户可以在项目任务处，选择项目进行汇报；</strong></p>
<h4 id="保存"><a href="#保存" class="headerlink" title="保存"></a>保存</h4><p>点击保存时，校验必录项有录入，若无，弹出提示“数据录入不全，请重新输入！”并将光标移动至未填区域；</p>
<h4 id="修改"><a href="#修改" class="headerlink" title="修改"></a>修改</h4><p>点击修改时，判断用户是否有修改权限，无权限提示“您无修改权限，请联系管理员分配权限！”</p>
<p>用户有修改权限时，则可修改，弹出修改界面供用户进行修改，修改后保存时字段校验同保存一致；</p>
<h4 id="删除"><a href="#删除" class="headerlink" title="删除"></a>删除</h4><p>点击删除，判断用户是否有删除权限，无权限提示“您无删除权限，请联系管理员分配权限！”</p>
<h4 id="提交"><a href="#提交" class="headerlink" title="提交"></a>提交</h4><p><strong>用户录入后，可以点击提交，提交校验与保存相同，提交后给到项目经理进行审批；</strong></p>
<h4 id="项目经理审批"><a href="#项目经理审批" class="headerlink" title="项目经理审批"></a>项目经理审批</h4><p><strong>项目经理审批通过后，将汇报的人天反写回任务的已消耗人天中，同时反写回项目档案的已汇报人天中；审批不通过则不反写；</strong></p>
<h4 id="查看"><a href="#查看" class="headerlink" title="查看"></a>查看</h4><p>用户点击查看菜单时，判断用户是否有查看权限，无权限提示“您无查看权限，请联系管理员分配权限！”；</p>
<p>用户有权限时，点击查看按钮或者双击数据行时，打开查看界面；</p>
<p><strong>创建人只能看到自己创建的汇报，</strong></p>
<p><strong>项目经理可以看到本项目的所有汇报、管理人可用看到全部的汇报；</strong></p>
<h4 id="查询"><a href="#查询" class="headerlink" title="查询"></a>查询</h4><p>提供上述所有字段为筛选条件，用户录入后条件点击查询按钮，按录入的条件类似的过滤出数据；（仅序时薄界面）</p>
<h4 id="退出"><a href="#退出" class="headerlink" title="退出"></a>退出</h4><p>点击退出关闭当前界面，若编辑界面已经有填入数据了或者更改数据，提示“数据已经修改，是否需要保存？”，若点击确定保存<strong>当前单据</strong>，若取消，直接退出不保存。</p>

  
  
  
  

  
    <div class="prev-next">
      
        <a class='prev' href='/blog/springbootzhujie.html'>
          <p class='title'><i class="fas fa-chevron-left" aria-hidden="true"></i>spring注解</p>
          <p class='content'>@Autowired注解有时候我们在Controller层或者Service层使用这个注解来注册Bean实例，但是在代码中有红色下划线存在，虽然不影响程序运行，但是看着就很难受。
我们可以用给需...</p>
        </a>
      
      
        <a class='next' href='/blog/kingdee.html'>
          <p class='title'>学习苍穹的第一天<i class="fas fa-chevron-right" aria-hidden="true"></i></p>
          <p class='content'>1.修改代码，准备重新部署到tomcat优化性能


①修改注释，切换配置，打包成war包
②修改tomcat配置，修改最大线程数，开启压缩等设置，但是修改完后无法启动bat，只能放弃
③修改t...</p>
        </a>
      
    </div>
  
</article>


  

  <article class="post white-box reveal shadow" id="comments">
    <p ct><i class='fas fa-comments'></i> 评论</p>
    
    <div id="valine_container" class="valine_thread">
  <i class="fas fa-cog fa-spin fa-fw fa-2x"></i>
</div>

  </article>






</div>
<aside class='l_side'>
  
  
    
    



  <section class="widget toc-wrapper shadow desktop mobile" id="toc-div" >
    
  <header>
    
      <i class="fas fa-list fa-fw" aria-hidden="true"></i><span class='name'>本文目录</span>
    
  </header>


    <div class='content'>
        <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%A1%B9%E7%9B%AE%E6%A1%A3%E6%A1%88%E6%A8%A1%E5%9D%97"><span class="toc-text">项目档案模块</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9C%AA%E5%AE%8C%E6%88%90"><span class="toc-text">未完成</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%AD%97%E6%AE%B5%E8%AF%B4%E6%98%8E"><span class="toc-text">字段说明</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%B0%E5%A2%9E-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">新增 （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%9D%E5%AD%98-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">保存   （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%AE%E6%94%B9-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">修改  （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%88%A0%E9%99%A4-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">删除   （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E7%9C%8B-%EF%BC%88%E9%99%A4%E5%90%88%E5%90%8C%E5%A4%96%EF%BC%8C%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">查看   （除合同外，完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">查询    （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%80%80%E5%87%BA-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">退出    （完成）</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%A1%B9%E7%9B%AE%E5%9B%A2%E9%98%9F%E6%A8%A1%E5%9D%97"><span class="toc-text">项目团队模块</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%AD%97%E6%AE%B5%E8%AF%B4%E6%98%8E-1"><span class="toc-text">字段说明</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%B0%E5%A2%9E-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">新增   （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%9D%E5%AD%98-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">保存  （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%AE%E6%94%B9-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">**修改 **（完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%88%A0%E9%99%A4-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">删除  （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E7%9C%8B-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">查看  （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">**查询 ** （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%80%80%E5%87%BA-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-1"><span class="toc-text">**退出 ** （完成）</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%A1%B9%E7%9B%AE%E4%BB%BB%E5%8A%A1%E6%A8%A1%E5%9D%97"><span class="toc-text">项目任务模块</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%B0%E5%A2%9E%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">新增（完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%9D%E5%AD%98-%EF%BC%88%E6%B5%8B%E8%AF%95%EF%BC%89"><span class="toc-text">保存 （测试）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%AE%E6%94%B9-%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89-2"><span class="toc-text">修改 （完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%88%A0%E9%99%A4%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">删除（完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E7%9C%8B%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">查看（完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%8C%87%E6%B4%BE%EF%BC%88%EF%BC%9F%EF%BC%9F%EF%BC%9F%EF%BC%89"><span class="toc-text">指派（？？？）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">查询（完成）</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%80%80%E5%87%BA%EF%BC%88%E5%AE%8C%E6%88%90%EF%BC%89"><span class="toc-text">退出（完成）</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E4%BB%BB%E5%8A%A1%E6%B1%87%E6%8A%A5%E6%A8%A1%E5%9D%97"><span class="toc-text">任务汇报模块</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%B0%E5%A2%9E"><span class="toc-text">新增</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%9D%E5%AD%98"><span class="toc-text">保存</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E4%BF%AE%E6%94%B9"><span class="toc-text">修改</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%88%A0%E9%99%A4"><span class="toc-text">删除</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%8F%90%E4%BA%A4"><span class="toc-text">提交</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%A1%B9%E7%9B%AE%E7%BB%8F%E7%90%86%E5%AE%A1%E6%89%B9"><span class="toc-text">项目经理审批</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E7%9C%8B"><span class="toc-text">查看</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%9F%A5%E8%AF%A2"><span class="toc-text">查询</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E9%80%80%E5%87%BA"><span class="toc-text">退出</span></a></li></ol></li></ol>
    </div>
  </section>


  


</aside>



		  
		  <!--此文件用来存放一些不方便取值的变量-->
<!--思路大概是将值藏到重加载的区域内-->

<script>
  window.pdata={}
  pdata.ispage=false;
  pdata.postTitle="";
  pdata.commentPath="";
  pdata.commentPlaceholder="";
  // header 这里无论是否开启pjax都需要
  var l_header=document.getElementById("l_header");
  
  l_header.classList.remove("show");
  
  
    // cover
    var cover_wrapper=document.querySelector('.cover-wrapper');
    
    cover_wrapper.id="half";
    cover_wrapper.style.display="";
    
  
</script>

        </div>
        
  
  <footer class="footer clearfix">
    <br><br>
    
      
        <div class="aplayer-container">
          


        </div>
      
    
      
        <br>
        <div class="social-wrapper">
          
            
          
            
          
            
          
        </div>
      
    
      
        <div><p>博客内容遵循 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</a></p>
</div>
      
    
      
        
          <div><p><span id="lc-sv">本站总访问量为 <span id='number'><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span> 次</span> <span id="lc-uv">访客数为 <span id='number'><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span> 人</span></p>
</div>
        
      
    
      
        本站使用
        <a href="https://github.com/volantis-x/hexo-theme-volantis/tree/4.3.1" target="_blank" class="codename">Volantis</a>
        作为主题
      
    
      
        <div class='copyright'>
        <p><a href="/">Copyright © 2017-2020 XXX</a></p>

        </div>
      
    
  </footer>


        <a id="s-top" class="fas fa-arrow-up fa-fw" href="javascript:void(0)"></a>
      </div>
    </div>
    <div>
      <script>
/************这个文件存放不需要重载的全局变量和全局函数*********/
window.volantis={};
window.volantis.loadcss=document.getElementById("loadcss");
/******************** Pjax ********************************/
function VPjax(){
	this.list=[] // 存放回调函数
	this.start=()=>{
	  for(var i=0;i<this.list.length;i++){
		this.list[i].run();
	  }
	}
	this.push=(fn,name)=>{
		var f=new PjaxItem(fn,name);
		this.list.push(f);
	}
	// 构造一个可以run的对象
	function PjaxItem(fn,name){
		// 函数名称
		this.name = name || fn.name
		// run方法
		this.run=()=>{
			fn()
		}
	}
}
volantis.pjax={}
volantis.pjax.method={
	complete: new VPjax(),
	error: new VPjax(),
	send: new VPjax()
}
volantis.pjax={
	...volantis.pjax,
	push: volantis.pjax.method.complete.push,
	error: volantis.pjax.method.error.push,
	send: volantis.pjax.method.send.push
}
/********************脚本懒加载函数********************************/
// 已经加入了setTimeout
function loadScript(src, cb) {
	setTimeout(function() {
		var HEAD = document.getElementsByTagName('head')[0] || document.documentElement;
		var script = document.createElement('script');
		script.setAttribute('type','text/javascript');
		if (cb) script.onload = cb;
		script.setAttribute('src', src);
		HEAD.appendChild(script);
	});
}
//https://github.com/filamentgroup/loadCSS
var loadCSS = function( href, before, media, attributes ){
	var doc = window.document;
	var ss = doc.createElement( "link" );
	var ref;
	if( before ){
		ref = before;
	}
	else {
		var refs = ( doc.body || doc.getElementsByTagName( "head" )[ 0 ] ).childNodes;
		ref = refs[ refs.length - 1];
	}
	var sheets = doc.styleSheets;
	if( attributes ){
		for( var attributeName in attributes ){
			if( attributes.hasOwnProperty( attributeName ) ){
				ss.setAttribute( attributeName, attributes[attributeName] );
			}
		}
	}
	ss.rel = "stylesheet";
	ss.href = href;
	ss.media = "only x";
	function ready( cb ){
		if( doc.body ){
			return cb();
		}
		setTimeout(function(){
			ready( cb );
		});
	}
	ready( function(){
		ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) );
	});
	var onloadcssdefined = function( cb ){
		var resolvedHref = ss.href;
		var i = sheets.length;
		while( i-- ){
			if( sheets[ i ].href === resolvedHref ){
				return cb();
			}
		}
		setTimeout(function() {
			onloadcssdefined( cb );
		});
	};
	function loadCB(){
		if( ss.addEventListener ){
			ss.removeEventListener( "load", loadCB );
		}
		ss.media = media || "all";
	}
	if( ss.addEventListener ){
		ss.addEventListener( "load", loadCB);
	}
	ss.onloadcssdefined = onloadcssdefined;
	onloadcssdefined( loadCB );
	return ss;
};
</script>
<script>
  
  loadCSS("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14/css/all.min.css", window.volantis.loadcss);
  
  
  
  
</script>
<!-- required -->

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5/dist/jquery.min.js"></script>

<script>
  function pjax_fancybox() {
    $(".md .gallery").find("img").each(function () { //渲染 fancybox
      var element = document.createElement("a"); // a 标签
      $(element).attr("class", "fancybox");
      $(element).attr("pjax-fancybox", "");  // 过滤 pjax
      $(element).attr("href", $(this).attr("src"));
      if ($(this).attr("data-original")) {
        $(element).attr("href", $(this).attr("data-original"));
      }
      $(element).attr("data-fancybox", "images");
      var caption = "";   // 描述信息
      if ($(this).attr('alt')) {  // 判断当前页面是否存在描述信息
        $(element).attr('data-caption', $(this).attr('alt'));
        caption = $(this).attr('alt');
      }
      var div = document.createElement("div");
      $(div).addClass("fancybox");
      $(this).wrap(div); // 最外层套 div ，其实主要作用还是 class 样式
      var span = document.createElement("span");
      $(span).addClass("image-caption");
      $(span).text(caption); // 加描述
      $(this).after(span);  // 再套一层描述
      $(this).wrap(element);  // 最后套 a 标签
    })
    $(".md .gallery").find("img").fancybox({
      selector: '[data-fancybox="images"]',
      hash: false,
      loop: false,
      closeClick: true,
      helpers: {
        overlay: {closeClick: true}
      },
      buttons: [
        "zoom",
        "close"
      ]
    });
  };
  function SCload_fancybox() {
    if ($(".md .gallery").find("img").length == 0) return;
    loadCSS("https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css", document.getElementById("loadcss"));
    loadScript('https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js', pjax_fancybox)
  };
  $(function () {
    SCload_fancybox();
  });
  function Pjax_SCload_fancybox(){
	if (typeof $.fancybox == "undefined") {
	 SCload_fancybox();
    } else {
	 pjax_fancybox();
    }
  }
  volantis.pjax.push(Pjax_SCload_fancybox)
  volantis.pjax.send(()=>{
      if (typeof $.fancybox != "undefined") {
        $.fancybox.close();    // 关闭弹窗
      }
  },'fancybox')
</script>


<!-- internal -->



  
  

  <div id="rightmenu-wrapper">
    <ul class="list-v rightmenu" id="rightmenu-content">
      <li class='option'>
        <a class='vlts-menu opt fix-cursor-default' id='menu-copy-text' onclick="document.execCommand('copy')"><i class='fa fa-copy fa-fw'></i>复制文本</a>
        <hr id='hr-text'>
        <a class='vlts-menu opt fix-cursor-default' id='menu-copy-href'><i class='fa fa-link fa-fw'></i>复制链接</a>
        <a class='vlts-menu opt fix-cursor-default' id='menu-open-href'><i class='fa fa-external-link-square-alt fa-fw'></i>在新标签页打开</a>
        <hr id='hr-href'>
        <a class='vlts-menu opt fix-cursor-default' id='menu-copy-src'><i class='fa fa-image fa-fw'></i>复制图片地址</a>
        <hr id='hr-src'>
      </li>
      
        <li class='navigation'>
          <a class='nav icon-only fix-cursor-default' onclick='history.back()'><i class='fa fa-arrow-left fa-fw'></i></a>
          <a class='nav icon-only fix-cursor-default' onclick='history.forward()'><i class='fa fa-arrow-right fa-fw'></i></a>
          <a class='nav icon-only fix-cursor-default' onclick='window.location.reload()'><i class='fa fa-redo fa-fw'></i></a>
          <a class='nav icon-only fix-cursor-default' href='/'><i class='fa fa-home fa-fw'></i></a>
        </li>
      
      <hr>
      
        
      
        
          <hr>
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' href=https://volantis.js.org/faqs/
        
        
        
        
          id="https:volantisjsorgfaqs"
        >
        <i class='fa fa-question fa-fw'></i> 常见问题
      </a>
    </li>
  
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' href=https://volantis.js.org/examples/
        
        
        
        
          id="https:volantisjsorgexamples"
        >
        <i class='fa fa-rss fa-fw'></i> 示例博客
      </a>
    </li>
  
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' href=https://volantis.js.org/contributors/
        
        
        
        
          id="https:volantisjsorgcontributors"
        >
        <i class='fa fa-fan fa-spin fa-fw'></i> 加入社区
      </a>
    </li>
  
        
      
        
          <hr>
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' href=https://github.com/volantis-x/volantis-docs/
        
        
        
        
          id="https:githubcomvolantis-xvolantis-docs"
        >
        <i class='fa fa-code-branch fa-fw'></i> 本站源码
      </a>
    </li>
  
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' href=https://github.com/volantis-x/hexo-theme-volantis/
        
        
        
        
          id="https:githubcomvolantis-xhexo-theme-volantis"
        >
        <i class='fa fa-code-branch fa-fw'></i> 主题源码
      </a>
    </li>
  
        
      
        
          <hr>
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' 
        
        
        
          onclick="document.execCommand('print')"
        
        >
        <i class='fa fa-print fa-fw'></i> 打印页面
      </a>
    </li>
  
        
      
        
          
    <li>
      <a class='vlts-menu fix-cursor-default ' 
        
        
        
        >
        <i class='fa fa-moon fa-fw'></i> 暗黑模式
      </a>
    </li>
  
        
      
        
      
    </ul>
  </div>

  <script>
    window.document.oncontextmenu = function (event) {
      if (event.ctrlKey) return true;
      if (/Android|webOS|BlackBerry/i.test(navigator.userAgent)) return true;
      return popMenu(event);
    };
    document.addEventListener("click", function (event) {
      var mymenu = document.getElementById('rightmenu-wrapper');
      mymenu.style.display = "none";
    });
    function popMenu(event) {
      var mymenu = document.getElementById('rightmenu-wrapper');
      var menuContent = document.getElementById('rightmenu-content');
      var screenWidth = document.documentElement.clientWidth || document.body.clientWidth;
      var screenHeight = document.documentElement.clientHeight || document.body.clientHeight;
      mymenu.style.left = event.clientX + "px"; // 获取鼠标位置
      mymenu.style.top = event.clientY + "px";
      mymenu.style.display = 'block';
      if (event.clientX * 2 > screenWidth) {
        menuContent.classList.add('left');
      } else {
        menuContent.classList.remove('left');
      }
      if (event.clientY * 2 > screenHeight) {
        menuContent.classList.add('top');
      } else {
        menuContent.classList.remove('top');
      }

      let hrText = document.getElementById('hr-text');
      let hrSrc = document.getElementById('hr-src');
      let hrHref = document.getElementById('hr-href');

      // 选中图片
      let copySrc = document.getElementById('menu-copy-src');
      if (copySrc != undefined) {
        if (event.target.currentSrc) {
          copySrc.style.display = 'block';
          copySrc.addEventListener("click", function (e) {
            copyString(event.target.currentSrc);
          },{once: true});
          hrSrc.style.display = 'block';
        } else {
          copySrc.style.display = 'none';
          hrSrc.style.display = 'none';
        }
      }

      // 选中按钮
      // 判断是不是按钮
      let href = '';
      if (event.path) {
        for (i = 0; i < event.path.length; i++) {
          if (event.path[i].href != undefined && event.path[i].href.length > 0) {
            href = event.path[i].href;
          }
        }
      }

      let copyText = document.getElementById('menu-copy-text');
      copyText.style.display = 'none';
      hrText.style.display = 'none';
      if (href.length == 0) {
        // 选中文本
        if (window.getSelection().toString()) {
          if ('' == 'true') {
            copyText.style.display = 'block';
            hrText.style.display = 'block';
          }
        }
      }

      // 在新标签页打开
      let openHref = document.getElementById('menu-open-href');
      if (openHref != undefined) {
        if (href.length > 0) {
          openHref.style.display = 'block';
          openHref.addEventListener("click", function (e) {
            window.open(href);
          },{once: true});
          hrHref.style.display = 'block';
        } else {
          openHref.style.display = 'none';
          hrHref.style.display = 'none';
        }
      }
      // 复制链接
      let copyHref = document.getElementById('menu-copy-href');
      if (copyHref != undefined) {
        if (href.length > 0) {
          copyHref.style.display = 'block';
          copyHref.addEventListener("click", function (e) {
            copyString(href);
          },{once: true});
        } else {
          copyHref.style.display = 'none';
        }
      }
      // 有音乐播放器 see: layout/_third-party/aplayer/script.ejs
      
      return false; // 该行代码确保系统自带的右键菜单不会被调出
    }
    function hideMenu() {
      document.getElementById('rightmenu-wrapper').style.display = 'none';
    }
    function copyString(str) {
      const input = document.createElement('input');
      input.setAttribute('readonly', 'readonly');
      document.body.appendChild(input);
      input.setAttribute('value', str);
      input.select();
      document.execCommand('copy');
      document.body.removeChild(input);
    }
    document.execCommand('click');
  </script>




<script>
  function loadIssuesJS() {
    if ($(".md").find(".issues-api").length == 0) return;
	
	  loadScript('/blog/js/issues.js');
	
  };
  $(function () {
    loadIssuesJS();
  });
  volantis.pjax.push(()=>{
	if (typeof IssuesAPI == "undefined") {
	  loadIssuesJS();
	}
  },"IssuesJS")
</script>



  <script defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.1.0/dist/lazyload.min.js"></script>
<script>
  // https://www.npmjs.com/package/vanilla-lazyload
  // Set the options globally
  // to make LazyLoad self-initialize
  window.lazyLoadOptions = {
    elements_selector: ".lazyload",
    threshold: 0
  };
  // Listen to the initialization event
  // and get the instance of LazyLoad
  window.addEventListener(
    "LazyLoad::Initialized",
    function (event) {
      window.lazyLoadInstance = event.detail.instance;
    },
    false
  );
  document.addEventListener('DOMContentLoaded', function () {
    lazyLoadInstance.update();
  });
  document.addEventListener('pjax:complete', function () {
    lazyLoadInstance.update();
  });
</script>




  

<script>
  window.FPConfig = {
	delay: 0,
	ignoreKeywords: [],
	maxRPS: 5,
	hoverDelay: 25
  };
</script>
<script defer src="https://cdn.jsdelivr.net/gh/gijo-varghese/flying-pages@2.1.2/flying-pages.min.js"></script>











  
  
<script src="/blog/js/valine.js"></script>


<script>
  function emoji(path, idx, ext) {
    return path + "/" + path + "-" + idx + "." + ext;
  }
  var emojiMaps = {};
  for (var i = 1; i <= 54; i++) {
    emojiMaps['tieba-' + i] = emoji('tieba', i, 'png');
  }
  for (var i = 1; i <= 101; i++) {
    emojiMaps['qq-' + i] = emoji('qq', i, 'gif');
  }
  for (var i = 1; i <= 116; i++) {
    emojiMaps['aru-' + i] = emoji('aru', i, 'gif');
  }
  for (var i = 1; i <= 125; i++) {
    emojiMaps['twemoji-' + i] = emoji('twemoji', i, 'png');
  }
  for (var i = 1; i <= 4; i++) {
    emojiMaps['weibo-' + i] = emoji('weibo', i, 'png');
  }
  function pjax_valine() {
    if(!document.querySelectorAll("#valine_container")[0])return;
    let pagePlaceholder = pdata.commentPlaceholder || "快来评论吧~";
    let path = pdata.commentPath;
    if (path.length == 0) {
      let defaultPath = '';
      path = defaultPath || decodeURI(window.location.pathname);
    }
    var valine = new Valine();
    valine.init(Object.assign({"path":null,"placeholder":"快来评论吧~","appId":null,"appKey":null,"meta":["nick","mail","link"],"requiredFields":["nick","mail"],"enableQQ":true,"recordIP":false,"avatar":"robohash","pageSize":10,"lang":"zh-cn","highlight":true,"mathJax":false}, {
      el: '#valine_container',
      path: path,
      placeholder: pagePlaceholder,
      emojiCDN: 'https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/valine/',
      emojiMaps: emojiMaps,
    }))
  }
  $(function () {
    pjax_valine();
  });
  volantis.pjax.push(pjax_valine);
</script>






  
<script src="/blog/js/app.js"></script>



<!-- optional -->

  <script>
const SearchServiceimagePath="https://cdn.jsdelivr.net/gh/volantis-x/cdn-volantis@master/img/";
const ROOT =  ("/blog/" || "/").endsWith('/') ? ("/blog/" || "/") : ("/blog//" || "/" );

$('.input.u-search-input').one('focus',function(){
	
		loadScript('/blog/js/search/hexo.js',setSearchService);
	
})

function listenSearch(){
  
    customSearch = new HexoSearch({
      imagePath: SearchServiceimagePath
    });
  
}
function setSearchService() {
	listenSearch();
	
}
</script>











  <script defer>

  const LCCounter = {
    app_id: 'u9j57bwJod4EDmXWdxrwuqQT-MdYXbMMI',
    app_key: 'jfHtEKVE24j0IVCGHbvuFClp',
    custom_api_server: '',

    // 查询存储的记录
    getRecord(Counter, url, title) {
      return new Promise(function (resolve, reject) {
        Counter('get', '/classes/Counter?where=' + encodeURIComponent(JSON.stringify({url})))
          .then(resp => resp.json())
          .then(({results, code, error}) => {
            if (code === 401) {
              throw error;
            }
            if (results && results.length > 0) {
              var record = results[0];
              resolve(record);
            } else {
              Counter('post', '/classes/Counter', {url, title: title, times: 0})
                .then(resp => resp.json())
                .then((record, error) => {
                  if (error) {
                    throw error;
                  }
                  resolve(record);
                }).catch(error => {
                console.error('Failed to create', error);
                reject(error);
              });
            }
          }).catch((error) => {
          console.error('LeanCloud Counter Error:', error);
          reject(error);
        });
      })
    },

    // 发起自增请求
    increment(Counter, incrArr) {
      return new Promise(function (resolve, reject) {
        Counter('post', '/batch', {
          "requests": incrArr
        }).then((res) => {
          res = res.json();
          if (res.error) {
            throw res.error;
          }
          resolve(res);
        }).catch((error) => {
          console.error('Failed to save visitor count', error);
          reject(error);
        });
      });
    },

    // 构建自增请求体
    buildIncrement(objectId) {
      return {
        "method": "PUT",
        "path": `/1.1/classes/Counter/${ objectId }`,
        "body": {
          "times": {
            '__op': 'Increment',
            'amount': 1
          }
        }
      }
    },

    // 校验是否为有效的 UV
    validUV() {
      var key = 'LeanCloudUVTimestamp';
      var flag = localStorage.getItem(key);
      if (flag) {
        // 距离标记小于 24 小时则不计为 UV
        if (new Date().getTime() - parseInt(flag) <= 86400000) {
          return false;
        }
      }
      localStorage.setItem(key, new Date().getTime().toString());
      return true;
    },

    addCount(Counter) {
      var enableIncr = '' === 'true' && window.location.hostname !== 'localhost';
      enableIncr = true;
      var getterArr = [];
      var incrArr = [];
      // 请求 PV 并自增
      var pvCtn = document.querySelector('#lc-sv');
      if (pvCtn || enableIncr) {
        var pvGetter = this.getRecord(Counter, 'http://shouyeren24.gitee.io' + '/#lc-sv', 'Visits').then((record) => {
          incrArr.push(this.buildIncrement(record.objectId))
          var eles = document.querySelectorAll('#lc-sv #number');
          if (eles.length > 0) {
            eles.forEach((el,index,array)=>{
              el.innerText = record.times + 1;
              if (pvCtn) {
                pvCtn.style.display = 'inline';
              }
            })
          }
        });
        getterArr.push(pvGetter);
      }

      // 请求 UV 并自增
      var uvCtn = document.querySelector('#lc-uv');
      if (uvCtn || enableIncr) {
        var uvGetter = this.getRecord(Counter, 'http://shouyeren24.gitee.io' + '/#lc-uv', 'Visitors').then((record) => {
          var vuv = this.validUV();
          vuv && incrArr.push(this.buildIncrement(record.objectId))
          var eles = document.querySelectorAll('#lc-uv #number');
          if (eles.length > 0) {
            eles.forEach((el,index,array)=>{
              el.innerText = record.times + (vuv ? 1 : 0);
              if (uvCtn) {
                uvCtn.style.display = 'inline';
              }
            })
          }
        });
        getterArr.push(uvGetter);
      }

      // 请求文章的浏览数，如果是当前页面就自增
      var allPV = document.querySelectorAll('#lc-pv');
      if (allPV.length > 0 || enableIncr) {
        for (i = 0; i < allPV.length; i++) {
          let pv = allPV[i];
          let title = pv.getAttribute('data-title');
          var url = 'http://shouyeren24.gitee.io' + pv.getAttribute('data-path');
          if (url) {
            var viewGetter = this.getRecord(Counter, url, title).then((record) => {
              // 是当前页面就自增
              let curPath = window.location.pathname;
              if (curPath.includes('index.html')) {
                curPath = curPath.substring(0, curPath.lastIndexOf('index.html'));
              }
              if (pv.getAttribute('data-path') == curPath) {
                incrArr.push(this.buildIncrement(record.objectId));
              }
              if (pv) {
                var ele = pv.querySelector('#lc-pv #number');
                if (ele) {
                  if (pv.getAttribute('data-path') == curPath) {
                    ele.innerText = (record.times || 0) + 1;
                  } else {
                    ele.innerText = record.times || 0;
                  }
                  pv.style.display = 'inline';
                }
              }
            });
            getterArr.push(viewGetter);
          }
        }
      }

      // 如果启动计数自增，批量发起自增请求
      if (enableIncr) {
        Promise.all(getterArr).then(() => {
          incrArr.length > 0 && this.increment(Counter, incrArr);
        })
      }

    },


    fetchData(api_server) {
      var Counter = (method, url, data) => {
        return fetch(`${ api_server }/1.1${ url }`, {
          method,
          headers: {
            'X-LC-Id': this.app_id,
            'X-LC-Key': this.app_key,
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(data)
        });
      };
      this.addCount(Counter);
    },

    refreshCounter() {
      var api_server = this.app_id.slice(-9) !== '-MdYXbMMI' ? this.custom_api_server : `https://${ this.app_id.slice(0, 8).toLowerCase() }.api.lncldglobal.com`;
      if (api_server) {
        this.fetchData(api_server);
      } else {
        fetch('https://app-router.leancloud.cn/2/route?appId=' + this.app_id)
          .then(resp => resp.json())
          .then(({api_server}) => {
            this.fetchData('https://' + api_server);
          });
      }
    }

  };

  LCCounter.refreshCounter();

  document.addEventListener('pjax:complete', function () {
    LCCounter.refreshCounter();
  });
</script>




  <script>
const rootElement = document.documentElement;
const darkModeStorageKey = "user-color-scheme";
const rootElementDarkModeAttributeName = "data-user-color-scheme";

const setLS = (k, v) => {
    localStorage.setItem(k, v);
};

const removeLS = (k) => {
    localStorage.removeItem(k);
};

const getLS = (k) => {
    return localStorage.getItem(k);
};

const getModeFromCSSMediaQuery = () => {
  return window.matchMedia("(prefers-color-scheme: dark)").matches
    ? "dark"
    : "light";
};

const resetRootDarkModeAttributeAndLS = () => {
  rootElement.removeAttribute(rootElementDarkModeAttributeName);
  removeLS(darkModeStorageKey);
};

const validColorModeKeys = {
  dark: true,
  light: true,
};

const applyCustomDarkModeSettings = (mode) => {
  const currentSetting = mode || getLS(darkModeStorageKey);

  if (currentSetting === getModeFromCSSMediaQuery()) {
    resetRootDarkModeAttributeAndLS();
  } else if (validColorModeKeys[currentSetting]) {
    rootElement.setAttribute(rootElementDarkModeAttributeName, currentSetting);
  } else {
    resetRootDarkModeAttributeAndLS();
  }
};

const invertDarkModeObj = {
  dark: "light",
  light: "dark",
};

/**
 * get target mode
 */
const toggleCustomDarkMode = () => {
  let currentSetting = getLS(darkModeStorageKey);

  if (validColorModeKeys[currentSetting]) {
    currentSetting = invertDarkModeObj[currentSetting];
  } else if (currentSetting === null) {
    currentSetting = invertDarkModeObj[getModeFromCSSMediaQuery()];
  } else {
    return;
  }
  setLS(darkModeStorageKey, currentSetting);
  return currentSetting;
};

/**
 * bind click event for toggle button
 */
var btn=$("#wrapper .toggle-mode-btn,#rightmenu-wrapper .toggle-mode-btn");
function bindToggleButton() {
    btn.on('click',(e) => {
      const mode = toggleCustomDarkMode();
      applyCustomDarkModeSettings(mode);
    });
}

applyCustomDarkModeSettings();
document.addEventListener("DOMContentLoaded", bindToggleButton);
volantis.pjax.push(bindToggleButton);
volantis.pjax.send(()=>{
	btn.unbind('click');
},'toggle-mode-btn-unbind');
</script>








<script>
function listennSidebarTOC() {
  const navItems = document.querySelectorAll(".toc li");
  if (!navItems.length) return;
  const sections = [...navItems].map((element) => {
    const link = element.querySelector(".toc-link");
    const target = document.getElementById(
      decodeURI(link.getAttribute("href")).replace("#", "")
    );
    link.addEventListener("click", (event) => {
      event.preventDefault();
      window.scrollTo({
		top: target.offsetTop + 100,
		
		behavior: "smooth"
		
	  });
    });
    return target;
  });

  function activateNavByIndex(target) {
    if (target.classList.contains("active-current")) return;

    document.querySelectorAll(".toc .active").forEach((element) => {
      element.classList.remove("active", "active-current");
    });
    target.classList.add("active", "active-current");
    let parent = target.parentNode;
    while (!parent.matches(".toc")) {
      if (parent.matches("li")) parent.classList.add("active");
      parent = parent.parentNode;
    }
  }

  function findIndex(entries) {
    let index = 0;
    let entry = entries[index];
    if (entry.boundingClientRect.top > 0) {
      index = sections.indexOf(entry.target);
      return index === 0 ? 0 : index - 1;
    }
    for (; index < entries.length; index++) {
      if (entries[index].boundingClientRect.top <= 0) {
        entry = entries[index];
      } else {
        return sections.indexOf(entry.target);
      }
    }
    return sections.indexOf(entry.target);
  }

  function createIntersectionObserver(marginTop) {
    marginTop = Math.floor(marginTop + 10000);
    let intersectionObserver = new IntersectionObserver(
      (entries, observe) => {
        let scrollHeight = document.documentElement.scrollHeight + 100;
        if (scrollHeight > marginTop) {
          observe.disconnect();
          createIntersectionObserver(scrollHeight);
          return;
        }
        let index = findIndex(entries);
        activateNavByIndex(navItems[index]);
      },
      {
        rootMargin: marginTop + "px 0px -100% 0px",
        threshold: 0,
      }
    );
    sections.forEach((element) => {
      element && intersectionObserver.observe(element);
    });
  }
  createIntersectionObserver(document.documentElement.scrollHeight);
}

document.addEventListener("DOMContentLoaded", listennSidebarTOC);
document.addEventListener("pjax:success", listennSidebarTOC);
</script>

<!-- more -->

 
	   
	    


<script src="https://cdn.jsdelivr.net/npm/pjax@0.2.8/pjax.min.js"></script>


<script>
    var pjax;
    document.addEventListener('DOMContentLoaded', function () {
      pjax = new Pjax({
        elements: 'a[href]:not([href^="#"]):not([href="javascript:void(0)"]):not([pjax-fancybox])',
        selectors: [
          "title",
          
          "#pjax-container",
          "#pjax-header-nav-list"
        ],
        cacheBust: false,   // url 地址追加时间戳，用以避免浏览器缓存
        timeout: 5000
      });
    });

    document.addEventListener('pjax:send', function (e) {
      //window.stop(); // 相当于点击了浏览器的停止按钮

      try {
        var currentUrl = window.location.pathname;
        var targetUrl = e.triggerElement.href;
        var banUrl = [""];
        if (banUrl[0] != "") {
          banUrl.forEach(item => {
            if(currentUrl.indexOf(item) != -1 || targetUrl.indexOf(item) != -1) {
              window.location.href = targetUrl;
            }
          });
        }
      } catch (error) {}

      window.subData = null; // 移除标题（用于一二级导航栏切换处）

      volantis.$switcher.removeClass('active'); // 关闭移动端激活的搜索框
      volantis.$header.removeClass('z_search-open'); // 关闭移动端激活的搜索框
      volantis.$wrapper.removeClass('sub'); // 跳转页面时关闭二级导航

      // 解绑事件 避免重复监听
      volantis.$topBtn.unbind('click');
      $('.menu a').unbind('click');
      $(window).unbind('resize');
      $(window).unbind('scroll');
      $(document).unbind('scroll');
      $(document).unbind('click');
      $('body').unbind('click');
	  // 使用 volantis.pjax.send 方法传入pjax:send回调函数 参见layout/_partial/scripts/global.ejs
	  volantis.pjax.method.send.start();
    });

    document.addEventListener('pjax:complete', function () {
      $('.nav-main').find('.list-v').not('.menu-phone').removeAttr("style",""); // 移除小尾巴的移除
      $('.menu-phone.list-v').removeAttr("style",""); // 移除小尾巴的移除
      $('script[data-pjax], .pjax-reload script').each(function () {
        $(this).parent().append($(this).remove());
      });
      try{
		// 使用 volantis.pjax.push 方法传入重载函数 参见layout/_partial/scripts/global.ejs
		volantis.pjax.method.complete.start();
      } catch (e) {
        console.log(e);
      }
    });

    document.addEventListener('pjax:error', function (e) {
	  // 使用 volantis.pjax.error 方法传入pjax:error回调函数 参见layout/_partial/scripts/global.ejs
	  volantis.pjax.method.error.start();
      window.location.href = e.triggerElement.href;
    });
</script>
 
	  
    </div>
  </body>
</html>
